
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Bosto</title>

    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/all.min.css">
    <link rel="stylesheet" href="../css/animate.css">
    <link rel="stylesheet" href="../css/nice-select.css">
    <link rel="stylesheet" href="../css/owl.min.css">
    <link rel="stylesheet" href="../css/odometer.css">
    <link rel="stylesheet" href="../css/magnific-popup.css">
    <link rel="stylesheet" href="../css/flaticon.css">
    <link rel="stylesheet" href="../css/main.css">

    <link rel="shortcut icon" href="../img/favicon.png" type="image/x-icon">
</head>

<body>

    
    <div class="overlayer" id="overlayer">
        <div class="loader">
            <div class="loader-inner"></div>
        </div>
    </div>
    <a href="#0" class="scrollToTop"><i class="fas fa-angle-up"></i></a>
    <div class="overlay"></div>
    <!-- ==========Header Section Starts Here========== -->
    <header>
        <div class="header-top">
            <div class="container">
                <div class="header-top-wrapper">
                    <span>Success your Business</span>
                    <select class="select-bar">
                        <option value="en">English</option>
                        <option value="bn">Brazil</option>
                        <option value="pk">Romania</option>
                        <option value="in">Sweden</option>
                        <option value="in">India</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="header-middle">
            <div class="container">
                <div class="header-wrapper">
                    <div class="logo d-none d-lg-block">
                        <a href="index.html"><img src="../img/logo/logo.png" alt="logo"></a>
                    </div>
                    <div class="info-area">
                        <div class="info-item">
                            <div class="info-thumb">
                                <i class="flaticon-email"></i>
                            </div>
                            <div class="info-content">
                                <h6 class="title">Email Address</h6>
                                <a href="Mailto:companyemail@gmail.com"><span class="__cf_email__" data-cfemail="4b2824263b2a25322e262a22270b2c262a222765282426">[email&#160;protected]</span></a>
                            </div>
                        </div>
                        <div class="info-item">
                            <div class="info-thumb">
                                <i class="flaticon-map"></i>
                            </div>
                            <div class="info-content">
                                <h6 class="title">Office Address</h6>
                                <span>1209 Elephent Road, Uttara</span>
                            </div>
                        </div>
                        <div class="info-item">
                            <ul class="header-social">
                                <li>
                                    <a href="#0"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-google-plus-g"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="header-area style-2">
                    <div class="logo d-lg-none">
                        <a href="index.html"><img src="../img/logo/footer-logo2.png" alt="logo"></a>
                    </div>
                    <ul class="menu">
                        <li>
                            <a href="#0">Home</a>
                            <ul class="submenu">
                                <li>
                                    <a href="index.html">Home One</a>
                                </li>
                                <li>
                                    <a href="index-2.html">Home Two</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="about.html">About</a>
                        </li>
                        <li>
                            <a href="#0">Services</a>
                            <ul class="submenu">
                                <li>
                                    <a href="service.html">Services</a>
                                </li>
                                <li>
                                    <a href="service-details.html">Service Details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">Team</a>
                            <ul class="submenu">
                                <li>
                                    <a href="team.html">Team Members</a>
                                </li>
                                <li>
                                    <a href="team-details.html">Team Details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">Project</a>
                            <ul class="submenu">
                                <li>
                                    <a href="project.html">project</a>
                                </li>
                                <li>
                                    <a href="project-details.html">project details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">Pages</a>
                            <ul class="submenu">
                                <li>
                                    <a href="gallery.html">Gallery</a>
                                </li>
                                <li>
                                    <a href="#0">Shop</a>
                                    <ul class="submenu">
                                        <li>
                                            <a href="shop.html">Shop</a>
                                        </li>
                                        <li>
                                            <a href="#0">Shop Details</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#0">Account</a>
                                    <ul class="submenu">
                                        <li>
                                            <a href="sign-up.html">Sign Up</a>
                                        </li>
                                        <li>
                                            <a href="sign-in.html">Sign In</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="pricing-plan.html">Pricing Plan</a>
                                </li>
                                <li>
                                    <a href="privacy-policy.html">Privacy & Policy</a>
                                </li>
                                <li>
                                    <a href="terms-condition.html">Terms & Condition</a>
                                </li>
                                <li>
                                    <a href="refund-policy.html">Refund Policy</a>
                                </li>
                                <li>
                                    <a href="faq.html">Faqs</a>
                                </li>
                                <li>
                                    <a href="404.html">Error Page</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">News</a>
                            <ul class="submenu">
                                <li>
                                    <a href="blog.html">Blog</a>
                                </li>
                                <li>
                                    <a href="blog-details.html">Blog Details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="contact.html">Contact Us</a>
                        </li>
                        <li class="ml-auto">
                            <a href="#0" class="search-bar"><i class="fas fa-search"></i></a>
                        </li>
                    </ul>
                    <div class="header-bar2 ml-auto d-lg-none">
                        <i class="fas fa-ellipsis-h"></i>
                    </div>
                    <div class="header-bar d-lg-none">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <div class="search-form-area">
        <span class="hide-form">
            <i class="fas fa-times"></i>
        </span>
        <form class="search-form">
            <input type="text" placeholder="Search Here">
            <button type="submit"><i class="flaticon-search"></i></button>
        </form>
    </div>
    <!-- ==========Header Section Ends Here========== -->

    
    <!-- ==========Page Header Section Starts Here========== -->
    <section class="page-header bg_img" data-background="./assets/images/about/page-header.jpg">
        <div class="container">
            <div class="page-header-content">
                <h2 class="title">Shop Details</h2>
                <ul class="breadcrumb">
                    <li>
                        <a href="index.html">home</a>
                    </li>
                    <li>
                        Shop Details
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- ==========Page Header Section Ends Here========== -->

    
    <!-- ==========Shop Single Section Section Starts Here========== -->
    <section class="shop-single-section padding-top">
        <div class="container">
            <div class="shop-details-area">
                <div class="single-slider-area">
                    <div class="slider-container"> 
                        <!--Main Slider Start--> 
                        <div id="slider" class="slider owl-carousel"> 
                           <div class="single-item"> 
                                <img src="../img/shop/shop1.png" class="Shop">
                           </div>
                           <div class="single-item"> 
                                <img src="../img/shop/1.png" class="Shop">
                           </div>
                           <div class="single-item"> 
                                <img src="../img/shop/5.png" class="Shop">
                           </div>
                           <div class="single-item"> 
                                <img src="../img/shop/3.png" class="Shop">
                           </div>
                           <div class="single-item"> 
                                <img src="../img/shop/4.png" class="Shop">
                           </div>
                        </div> 
                        <!--Main Slider End-->
                     </div> 
                    <!--Thumbnail slider container--> 
                    <div class="thumbnail-slider-container"> 
                        <!--Thumbnail Slider Start--> 
                        <div id="thumbnailSlider" class="thumbnail-slider owl-carousel">
                            <div class="single-item"> 
                                 <img src="../img/shop/shop1.png" class="Shop">
                            </div>
                            <div class="single-item"> 
                                 <img src="../img/shop/1.png" class="Shop">
                            </div>
                            <div class="single-item"> 
                                 <img src="../img/shop/5.png" class="Shop">
                            </div>
                            <div class="single-item"> 
                                 <img src="../img/shop/3.png" class="Shop">
                            </div>
                            <div class="single-item"> 
                                 <img src="../img/shop/4.png" class="Shop">
                            </div>
                        </div> 
                        <!--Thumbnail Slider End--> 
                    </div>
                </div>
                <div class="single-content-area">
                    <h6 class="subtitle"><a href="#0">Huiksa 372 4G LTE Cat4 150Mbps Mobile WiFi Hotspot</a></h6>
                    <ul class="info-list">
                        <li class="d-flex flex-wrap justify-content-between">
                            <span><span class="left">Band</span>Hukikas</span>
                            <div class="ratings yellow">
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="star-rate">Review 5.0</span>
                            </div>
                        </li>
                        <li>
                            <span class="left">Iteam Code</span>25689
                        </li>
                        <li>
                            <span class="left">Price</span><span class="amount">$45.00</span><del>$65.00</del>
                        </li>
                        <li>
                            <span class="qty">QTY </span>
                            <div class="cart-plus-minus"><div class="dec qtybutton">-</div>
                            <div class="dec qtybutton">-</div>
                            <input class="cart-plus-minus-box" type="text" name="qtybutton" value="1">
                            <div class="inc qtybutton">+</div>
                        <div class="inc qtybutton">+</div></div>
                        </li>
                    </ul>
                    <div class="d-flex flex-wrap align-items-center">
                        <a href="#0" class="custom-button">buy now</a>
                        <a href="#0" class="wish-add"><i class="fas fa-heart"></i> Add to Wishlist  (25)</a>
                    </div>
                </div>
            </div>
            <h4 class="title mb-30">Customer Riviews</h4>
            <div class="client-slider owl-theme owl-carousel mb-50-md-70">
                <div class="client-item-2">
                    <div class="client-thumb theme-bg">
                        <div class="thumb">
                            <a href="#0"><img src="../img/client/client2.png" alt="client"></a>
                        </div>
                    </div>
                    <div class="client-content">
                        <h6 class="title">panna rahman</h6>
                        <span class="info">Client</span>
                        <p>Neque nunc phasellus nulla pharetra massa libero. Sed enim enim magnis consequuntur, nisl neque </p>
                        <div class="ratings yellow">
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                        </div>
                    </div>
                </div>
                <div class="client-item-2">
                    <div class="client-thumb theme-bg">
                        <div class="thumb">
                            <a href="#0"><img src="../img/client/client3.png" alt="client"></a>
                        </div>
                    </div>
                    <div class="client-content">
                        <h6 class="title">raihan rahman</h6>
                        <span class="info">Client</span>
                        <p>Neque nunc phasellus nulla pharetra massa libero. Sed enim enim magnis consequuntur, nisl neque </p>
                        <div class="ratings yellow">
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                        </div>
                    </div>
                </div>
                <div class="client-item-2">
                    <div class="client-thumb theme-bg">
                        <div class="thumb">
                            <a href="#0"><img src="../img/client/client1.png" alt="client"></a>
                        </div>
                    </div>
                    <div class="client-content">
                        <h6 class="title">hera rahman</h6>
                        <span class="info">Client</span>
                        <p>Neque nunc phasellus nulla pharetra massa libero. Sed enim enim magnis consequuntur, nisl neque </p>
                        <div class="ratings yellow">
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                        </div>
                    </div>
                </div>
            </div>
            <h4 class="title mb-30">Frequently Asked Questions</h4>
            <div class="row flex-row-reverse">
                <div class="col-lg-6 d-none d-lg-block">
                    <img class="w-100" src="../img/faq/faq3.png" alt="faq">
                </div>
                <div class="col-lg-6">
                    <div class="faq-wrapper">
                        <div class="faq-item open">
                            <div class="faq-title">
                                <h6 class="title">Best Business Advices</h6>
                                <div class="right-icon">
                                    <i class="fas fa-angle-down"></i>
                                </div>
                            </div>
                            <div class="faq-content" style="display: block;">
                                <p>
                                    Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                                </p>
                            </div>
                        </div>
                        <div class="faq-item active">
                            <div class="faq-title">
                                <h6 class="title">Morbi massa integer dolor consect ?</h6>
                                <div class="right-icon">
                                    <i class="fas fa-angle-down"></i>
                                </div>
                            </div>
                            <div class="faq-content" style="display: none;">
                                <p>
                                    Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                                </p>
                            </div>
                        </div>
                        <div class="faq-item">
                            <div class="faq-title">
                                <h6 class="title">Citae interdum ullamcorper turpis</h6>
                                <div class="right-icon">
                                    <i class="fas fa-angle-down"></i>
                                </div>
                            </div>
                            <div class="faq-content">
                                <p>
                                    Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                                </p>
                            </div>
                        </div>
                        <div class="faq-item">
                            <div class="faq-title">
                                <h6 class="title">Auctor diam sollicitudin tellus ullamco ?</h6>
                                <div class="right-icon">
                                    <i class="fas fa-angle-down"></i>
                                </div>
                            </div>
                            <div class="faq-content">
                                <p>
                                    Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Shop Single Section Section Ends Here========== -->


    <!-- ==========Sponsor Section Starts Here========== -->
    <div class="sponsor-section padding-bottom padding-top">
        <div class="container">
            <div class="sponsor-slider owl-theme owl-carousel">
                <div class="sponsor-item">
                    <img src="../img/sponsor/client1.png" alt="sponsor">
                </div>
                <div class="sponsor-item">
                    <img src="../img/sponsor/client2.png" alt="sponsor">
                </div>
                <div class="sponsor-item">
                    <img src="../img/sponsor/client3.png" alt="sponsor">
                </div>
                <div class="sponsor-item">
                    <img src="../img/sponsor/client5.png" alt="sponsor">
                </div>
                <div class="sponsor-item">
                    <img src="../img/sponsor/client6.png" alt="sponsor">
                </div>
            </div>
        </div>
    </div>
    <!-- ==========Sponsor Section Ends Here========== -->


    <!-- ==========Footer Section Starts Here========== -->
    <footer class="dark-footer">
        <div class="container">
            <div class="footer-top">
                <div class="footer-wrapper">
                    <div class="footer-widget widget-about">
                        <div class="footer-logo">
                            <a href="index.html"><img src="../img/logo/footer-logo2.png" alt="logo"></a>
                        </div>
                        <p>Senectus nunc volutpat sed at fusce, varius nulla orci luctus, ac ultricies ipsum aliquam bibendum felis, platea erat sit. Est dolor</p>
                        <div class="footer-contact">
                            <a href="Tel:0123654789" class="call">2222 - 3333 - 666 3333 - 666</a>
                            <a href="Mailto:demo@gmai.com" class="mail"><span class="__cf_email__" data-cfemail="96f2f3fbf9d6f1fbf7ffb8f5f9fb">[email&#160;protected]</span></a>
                        </div>
                    </div>
                    <div class="footer-widget widget-link">
                        <h5 class="title">Our Quick Link</h5>
                        <ul>
                            <li>
                                <a href="#0">Professional Team</a>
                            </li>
                            <li>
                                <a href="#0">Support</a>
                            </li>
                            <li>
                                <a href="#0">Pricing</a>
                            </li>
                            <li>
                                <a href="#0">Privacy Policy</a>
                            </li>
                            <li>
                                <a href="#0">Services</a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-widget widget-link">
                        <h5 class="title">Company</h5>
                        <ul>
                            <li>
                                <a href="#0">Web Design</a>
                            </li>
                            <li>
                                <a href="#0">Our History</a>
                            </li>
                            <li>
                                <a href="#0">Our Services</a>
                            </li>
                            <li>
                                <a href="#0">Become A Member</a>
                            </li>
                            <li>
                                <a href="#0">Appointment</a>
                            </li>
                            <li>
                                <a href="#0">Our Support Team</a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-widget widget-link">
                        <h5 class="title">My Account</h5>
                        <ul>
                            <li>
                                <a href="#0">About Us</a>
                            </li>
                            <li>
                                <a href="#0">My Account</a>
                            </li>
                            <li>
                                <a href="#0">Privacy Policy</a>
                            </li>
                            <li>
                                <a href="#0">Sign In </a>
                            </li>
                            <li>
                                <a href="#0">Information</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="footer-bottom-wrapper">
                    <div class="item">
                        <p class="m-0">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                    </div>
                    <ul class="item">
                        <li>
                            <a href="#0">Home</a>
                        </li>
                        <li>
                            <a href="#0">About Us</a>
                        </li>
                        <li>
                            <a href="#0">News</a>
                        </li>
                        <li>
                            <a href="#0">Contact Us</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <!-- ==========Footer Section Ends Here========== -->

    
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../js/modernizr-3.6.0.min.js"></script>
    <script src="../js/plugins.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/isotope.pkgd.min.js"></script>
    <script src="../js/magnific-popup.min.js"></script>
    <script src="../js/wow.min.js"></script>
    <script src="../js/viewport.jquery.js"></script>
    <script src="../js/odometer.min.js"></script>
    <script src="../js/nice-select.js"></script>
    <script src="../js/owl.min.js"></script>
    <script src="../js/main.js"></script>
</body>

</html>